<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>Sắp sếp các từ bên dưới thành câu đúng.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="../../themes/custom-theme/jquery-ui-1.8.11.custom.css">
    <link rel="stylesheet" href="../game.css">
    <script type="text/javascript"  src="../../jquery-1.4.4.js"></script>
    <script type="text/javascript"  src="../../jquery-ui-1.8.10.custom.js"></script>
    <script type="text/javascript"  src="../js.js"></script>
    <script type="text/javascript"  src="config.js"></script>
    <style type="text/css" >
        .droptrue, .group {
            list-style-type: none;
            margin: 0;
            padding: 0;
            margin-right: 12px;
            padding: 5px;            
            display: block;
            height: 42px;
        }
        .droptrue li, .group li {
            font-size: 19px;
            margin: 2px;
            padding: 5px;
            min-width: 40px;
            min-height: 5px;
            display: inline-block;
            text-align: center;
        }
        .group { margin-bottom: 5px; }
        .droptrue { height: 120px; }
    </style>    
</head>
<body>
    <div class="content">
        <div class="content-top">Sắp sếp các từ bên dưới thành câu đúng.</div>
        <div class="content-top clearfix">
            <ul id="group1" class='group ui-state-error clearfix'></ul>
            <ul id="group2" class='group ui-state-error clearfix'></ul>
            <ul id="group3" class='group ui-state-error clearfix'></ul>
        </div>
        <br clear="both" />
        <div class="content-bottom clearfix">
            <ul id="sortable1" class='droptrue ui-state-highlight clearfix'></ul>
        </div>
        <div class="submit"><input type="button" class="ui-button ui-widget ui-corner-all ui-button-text-only" value="Hoàn Tất" id="submit"></div>
    </div>
    <div class="gamedialog" title="Study Game">Chúc bạn có những giây phút vui vẻ thoải mái.</div>
    <div class="dialogNoteS hide" title="Study Game">Yeah. Chúc mừng bạn đã sắp xếp thành công. Click Ok để sang level mới nhé :)</div>
    <div class="dialogNoteE hide" title="Study Game">Oh Oh. Bạn sắp xếp chưa chính xác đâu. Làm lại nhé. Chúc thành công.</div>
</body>
</html>
